<ul class="g3w-tools treeview-menu">
  <bar-loader :loading="state.loading"></bar-loader>
  <li v-for="group in state.toolsGroups" :key="group.name">
    <div class="tool-header">
      <i :class="g3wtemplate.getFontClass('tool')"></i>
      <span style="">{{ group.name }}</span>
    </div>
    <div :id="group.name + '-tools'" class="tool-box">
      <g3w-tool v-for="tool in group.tools" :key="tool.name" :tool="tool"></g3w-tool>
    </div>
  </li>
</ul>
